<script setup>
import Editor from './components/Editor.vue'
import Menu from './components/Menu.vue'

import { provide, ref } from 'vue'

let fileContent = ref('')
let fileName = ref('')

provide('fileContent', fileContent)
provide('fileName', fileName)
</script>

<template>
  <div id="app">
    <div class="menu-box">
      <Menu></Menu>
    </div>
    <div class="editor-box">
      <Editor :fileName="fileName" :content="fileContent"></Editor>
    </div>
  </div>
</template>

<style scoped>
#app {
  display: flex;
  width: 100vw;
}

.menu-box {
  width: 30vw;
  max-width: 240px;
  flex-shrink: 0;
}
.editor-box {
  flex: 1;
}
</style>
